@import '../../../variables.scss';

.#{$TableNameSpace} {
  &__tag {
    display: inline-block;
    overflow: hidden;
    &__item {
      display: inline-block;
      border: none;
      margin: 0 1px;
      transform: scale(0.9);
      padding: 0 3px;
      color: #fff;
      height: 20px;
      line-height: 19px;
      border-radius: 4px;
      cursor: default;
      white-space: normal;

      &::after{
        content: attr(data-text);
      }
    }
    .RecordTipsMap-100 {
      background-color: #67c23a;
    }
    .RecordTipsMap-200 {
      background-color: #e6a23c;
    }
    .RecordTipsMap-300 {
      background-color: #f56c6c;
    }
    .RecordTipsMap-400 {
      background-color: #d553ff;
    }
    .RecordTipsMap-500 {
      background-color: #ff5372;
    }
    .RecordTipsMap-501 {
      background-color: #fe9559;
    }
    .RecordTipsMap-502 {
      background-color: #ec7360;
    }
    .RecordTipsMap-503 {
      background-color: #ec5000;
    }
    .RecordTipsMap-504 {
      background-color: #ec3000;
    }
    .RecordTipsMap-505 {
      background-color: #ec1000;
    }
    .RecordTipsMap-600 {
      background-color: #fa8a27;
    }
    .RecordTipsMap-700 {
      background-color: #409eff;
    }
    .RecordTipsMap-800 {
      background-color: #536aff;
    }
    .RecordTipsMap-801 {
      background-color: #cb232f;
    }
    .RecordTipsMap-802 {
      background-color: #cc33ff;
    }
    .RecordTipsMap-803 {
      background-color: #DD33FF;
    }
    .SendStateMap-0{
      background-color: #CDC9C9;
    }
    .SendStateMap-1{
      background-color: #FA8A27;
    }
    .SendStateMap-2{
      background-color: #409eff;
    }
    .InStockTypeMap-0{
      background-color: #409eff;
    }
    .InStockTypeMap--1{
      background-color: #FA8A27;
    }
  }
}
